<breadcrumb-root [breadcrumb]='breadcrumb'></breadcrumb-root>
<div class="box2">
    <div class="left mask2">

    </div>
    <div class="main" [class.hide]="!show" [class.show]="show">
        <img src="./assets/img/add.png" alt="" class="img">
        <div class="title" style="    padding: 0 10px;">
            在搜索框中输入训练名称搜索训练
        </div>
        <div style="padding: 0 10px;">
            <nz-input-group nzSuffixIcon="anticon anticon-search">
                <input type="text" [(ngModel)]="searchText" (keyup)="search()" class="input" nz-input placeholder="在搜索框中输入训练名称" style=" border-right-width: 4px !important;">
            </nz-input-group>
        </div>
        <div class="resultbox" *ngIf="load">
            <div class="result" *ngFor="let item of searchResult;let i=index;">
                <div class="item">
                    <div class="top">
                        <div class="top-left">
                            <img src="./assets/img/{{item.SmallImgurl}}" alt="">
                        </div>
                        <div class="top-right">
                            <div>
                                <!-- <div class="number fonthide">训练号:{{item.TrainNumber}}</div> -->
                                <div class="traintitle fonthide" nz-tooltip nzTitle="{{item.Title}}">{{item.Title}}</div>
                                <div class="ctime fonthide">{{item.Time}}</div>
                            </div>
                            <div class="an fonthide">{{item.CreaterName}}</div>
                        </div>
                    </div>
                    <div class="bottom">
                        <div class="bottom-left">
                            <input type="text" class="bottom-left-input" placeholder="请输入五位邀请码" maxlength="5" [(ngModel)]="input[i]">
                        </div>
                        <div class="bottom-right" (click)="join(i)">确定</div>
                    </div>
                </div>
            </div>

        </div>

        <div class="loading" *ngIf="!load" style="height: 441px;">
            <app-loading [loadingType]="'write'"></app-loading>
        </div>
    </div>
    <div class="right mask2">

    </div>
</div>